{extend name="layouts@base" /}
{block name="head"}
<link rel="stylesheet" href="__STATIC__/mobile/default/css/wallet.css"/>
{/block}
{block name='pageType'}rank{/block}
{block name="main" }
<div class="page-bd">
        <!-- 页面内容-->
        <div class="top">
          <span class="fs72 color_w fw_b">排行榜</span>
          <div class="time"><input type="text" value="2019.01.10" class="fs34 color_w num" id="nowValue" readonly><img src="__STATIC__/mobile/default/images/rank01.png" alt=""></div>
        </div>
        <div class="tab fs32">
          <div class="rankActive">团队佣金</div>
          <div>团队新增</div>
          <div>直推新增</div>
          <div>团队总人数</div>
        </div> 
        <div class="tabBox">
           <div class="block ">
             <div class="my cell">
               <div class="left"><div class="num fs34 color_9">12</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
               <div class="right">
                 <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
               </div>
             </div>
             <div class="cellBox">
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank02.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank03.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank04.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9">4</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9">5</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9">6</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
                <div class="cell">
                    <div class="left"><div class="num fs34 color_9">7</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                    <div class="right">
                      <p class="fs34 color_3 num">11365.32</p><span class="fs26 color_9">元</span>
                    </div>
                </div>
             </div>
           </div> 
           <div class="block box">   
              <div class="my cell">
                  <div class="left"><div class="num fs34 color_9">12</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                  <div class="right">
                    <p class="fs34 color_3 num">5</p><span class="fs26 color_9">人</span>
                  </div>
                </div>
                <div class="cellBox">
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank02.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">10</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank03.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">9</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank04.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">8</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                </div>
           </div> 
           <div class="block box">   
              <div class="my cell">
                  <div class="left"><div class="num fs34 color_9">12</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                  <div class="right">
                    <p class="fs34 color_3 num">0</p><span class="fs26 color_9">人</span>
                  </div>
                </div>
                <div class="cellBox">
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank02.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">5</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank03.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">4</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank04.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">3</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                </div>
           </div> 
           <div class="block box">   
              <div class="my cell">
                  <div class="left"><div class="num fs34 color_9">12</div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                  <div class="right">
                    <p class="fs34 color_3 num">12</p><span class="fs26 color_9">人</span>
                  </div>
                </div>
                <div class="cellBox">
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank02.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">99</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank03.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">80</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>
                   <div class="cell">
                       <div class="left"><div class="num fs34 color_9"><img src="__STATIC__/mobile/default/images/rank04.png" alt=""></div><img class="userimg" src="__STATIC__/mobile/default/images/seckillimg.png" alt=""><span class="fs28 fw_b color_3">艾欧晓</span></div>
                       <div class="right">
                         <p class="fs34 color_3 num">55</p><span class="fs26 color_9">人</span>
                       </div>
                   </div>

                </div>
           </div> 
        </div>
      </div>


{/block}

{block name="footer"}
<script src="__STATIC__/mobile/default/js/datePicker.js"></script>
<script>
$(function(){
          $('.tab div').on('click',function(){
            var index=$(this).index();
            $(this).addClass('rankActive')
            $(this).siblings().removeClass('rankActive')
            $('.block').eq(index).show();
            $('.block').eq(index).siblings().hide();
          })
          $('.time').on('click',function(){
          demoClick()
        })
      })
     // 日期选择器
    function demoClick() {
      var nowValue = document.getElementById('nowValue');
        new DatePicker({
            "type": "3",//0年, 1年月, 2月日, 3年月日
            "title": '请选择日期',//标题(可选)
            "maxYear": "",//最大年份（可选）
            "minYear": "",//最小年份（可选）
            "separator": ".",//分割符(可选)
            "defaultValue": nowValue.value,//默认值（可选）
            "callBack": function (val) {
                //回调函数（val为选中的日期）
                nowValue.value = val;
            }
        });
    }

</script>

{/block}